<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Chrome Extension</title>
    <link rel="stylesheet" href="popup.css" />
</head>
<body>
  <div class="app">
    <div class="tab">
      <div class="tab-nav">
        <div class="tab-nav-item" data-id="target">目标</div>
        <div class="tab-nav-item" data-id="source">来源</div>
        <div class="tab-nav-item" data-id="settings">设置</div>
      </div>
      <div class="tab-content">
        <div class="tab-content-item" data-id="target">
          <div class="form" style="padding: 20px;">

          </div>
          <div class="actions">
            <div class="button" id="refreshTarget" style="display: none;">刷新</div>
            <div class="button" id="setTarget">设置</div>
          </div>
        </div>
        <div class="tab-content-item" data-id="source">
          <div class="form" style="padding: 20px;">

          </div>
          <div class="actions">
            <div class="button" id="refreshSource" style="display: none;">刷新</div>
            <div class="button" id="saveSource">保存</div>
          </div>
        </div>
        <div class="tab-content-item" data-id="settings">
          <div class="settings-forms">
            <div class="source-form" style="padding: 20px;">
              <div class="row">
                <div class="title">来源设置</div>
                <div class="button" id="addSource">新增</div>
              </div>
              <div class="form">
                <div class="form-item">
                  <div class="form-item-label">监听站点</div>
                  <div class="form-item-control">
                    <input placeholder="请输入监听站点" id="listenSite" />
                  </div>
                </div>
              </div>
            </div>
            <div class="target-form" style="padding: 20px;">
              <div class="row">
                <div class="title">目标设置</div>
                <div class="button" id="addTarget">新增</div>
              </div>
              <div class="form"></div>
            </div>
          </div>
          <div class="actions">
            <div class="button" id="applaySetting">应用配置</div>
            <div class="button" id="exportSetting">导出配置</div>
            <div class="button" id="importSetting">导入配置</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="jquery.min.js" ></script>
  <script src="popup.js"></script>
</body>
</html>
